// 引入createApp
import { createApp } from "vue";

// 引入store
import store  from "./store";

import App from './App.vue'   // 引入App.vue

import 'normalize.css'   // 引入Normalize.css

import '@/assets/global.scss' // 引入全局样式

const app = createApp(App)  // 创建应用实例

app
.use(store)   // 注册store
.mount("#app");  // 挂载应用

/**
 * app.use(router)  注册使用路由之后，有什么效果
 * 
 * 1. 全局注册了 RouterLink 组件
 * 2. 全局注册了 RouterView 组件
 * 3. 全局写入了 $router 属性  “路由实例”对象，包括了路由的跳转方法，钩子函数等
 * 4. 全局写入了 $route 属性  “路由信息对象”，包含path，params，hash，query，name，fullPath，等路由信息参数。
 * 
 * 
 * app.use(store)  注册使用Vuex之后，有什么效果
 * 
 * 1. 全局写入了 $store 属性，该属性就是 store 的实例对象，即store/index.js里面的路由实例对象store
 * 
 * commit()  提交mutations 的
 * dispatch()  派发action 的
 * 
 * state   仓库的数据
 * getters   仓库的getters数据
 * 
 */